<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>排序</title>
<style type="text/css">
	#ul1{background: orange;}
	#ul2{background: skyblue;}	
</style>
<script type="text/javascript">
window.onload = function() {
	var btn1 = document.getElementById('btn1');
	var ul1 = document.getElementById('ul1');
	var ul2 = document.getElementById('ul2');
	btn1.onclick = function() {
		let li = ul1.getElementsByTagName('li')[0];
		if(li){
			ul2.appendChild(li);//先从原来的节点中删除，再添加到新的节点中，属于剪切加粘贴
		}
		
	}
}
</script>
</head>
<body>
<ul id="ul1" >
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
	<li>5</li>
</ul>
<input id="btn1" type="button" name="" value="移动">
<ul id="ul2"></ul>
</body>
</html>